@charset "UTF-8";
/*=================================
CSS Play
October 2012
By : Away
http://www.dfuns.idv.tw
http://away.myds.me/wordpress
=================================*/
*{ outline:0;}
body{ background:#693; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
.wrapper{ width:960px; margin:auto;}
header{ position:relative; height:130px;}
.logo{ margin:0; position:absolute; left:0;}
.logo a{ display:block; width:320px; height:130px; background:#F60 url(images/logo.png) no-repeat center; text-indent:-9999px;}

nav{ position:absolute; left:320px; top:30px;}
nav ul{ padding:0; margin:0; list-style:none;}
nav li{ float:left;}
nav a{ display:block; padding:0 30px; color:#FFF; text-decoration:none; height:55px; padding-top:45px;}
nav a:hover{ margin-top:-30px; height:85px;}
nav li:nth-child(1) a{ background:#FC0;}
nav li:nth-child(2) a{ background:#060}
nav li:nth-child(3) a{ background:#69F;}
nav li:nth-child(4) a{ background:#C00;}
nav li:nth-child(4) a{ background:#C0C;}
nav li:nth-child(5) a{ background:#000;}
.clearfix:after{ content:"."; height:0; clear:both; visibility:hidden; display:block;}

.main{ background:#FFF; padding:15px;}

footer{ text-align:center; color:#FFF; padding:1em;}
